<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" media="" href="../css/style.css" />
<link rel="stylesheet" media="" href="../css/styleSmall.css" />
<link rel="stylesheet" media="" href="../css/styleMobile.css" />
<title>响应式布局测试</title>
</head>
<body>
	<div class="userbar">
		<span id="neverLogin" style="display:block">
	   <a href="">登录</a>
	   <a href="">注册</a>
	   </span>
	   <div class="login" style="">
		<div class="title"><b>好友登录|Login</b></div>
		<form method="post">
			<table>
			<tr>
				<td>账号：<br>&nbsp;&nbsp;</td>
				<td><input id="username"><br>
				<div class="important">*请输入站长提供的账号</div>
				</td>
			</tr>	
			<tr>
				<td>密码：</td>
				<td><input id="password" type="password"></td>
			</tr>	
			<tr>
				<td></td>
				<td><input id="userCookie" type="checkbox">两周内自动登录</td>
			</tr>
			<tr>
				<td></td>
				<td>
				<button type="button" onclick="userLogin()">登录</button>
				<button type="button" onclick="closelogin()">关闭</button>
				</td>
			</tr>	
			</table>
		</form>
		</div>
		<div class="heimu" style=""></div>
	</div>
	<div class="bodymain" >
	<div class="mid">
		<div class="article">
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		</div>
	</div>
	
	<div class="left" id="left">		
		<div class="logo">
			<a href="index!query.action" title="welcome!">呵Sever</a>
		</div>
		<div class="search">
			<input class="search_input">
			<button class="search_butn" onclick="javascript:alert('不让你搜索')">搜索</button>
		</div>
		<div class="nav">
			<ul>
				<li class="separatorLi">
					<div class="separator">导航</div>
				</li>
				<li><a href="">首页</a></li>
				
			</ul>
		</div>
	</div>
	
	<div class="right">
   <a class="aboutMe" href="javascript:toggleAboutMe()">隐藏站长信息</a>
		<div class="friends">
			<div class="friendsMain">
				<b>友情链接：</b><br>
				<a href="http://yellowpress.jd-app.com/" target="_blank" title="我是人渣！  -黄宏彦">yellowkingdom</a><br>
				<a href="http://www.clanfei.com/" target="_blank" title="张耕畅">蓝飞技术部落格</a>
			</div>
		</div>
	</div>
	</div>
	<div class="bottom">
			<b>技术支持：</b><a href="http://jae.jd.com/" target="_blank">京东云擎jcloud</a><br>
			&copy;Copyright <a href="index!toLoginToBack.action">Sever </a> v2.0 beta<br>
			<a href="http://www.miitbeian.gov.cn/" target="_blank">粤ICP备14047818号</a><br>
	</div>
	
</body>
</html>